<template>
  <div id="VideoHome">
      <!-- <video-head></video-head> -->
      <video-hot></video-hot>
      <video-classification></video-classification>
      <!-- <video-footer></video-footer> -->
  </div>
</template>

<script>
import videoHead from './videoHead.vue'
import videoHot from './videoHot.vue'
import videoClassification from './videoClassification.vue'
import videoFooter from './videoFooter.vue'

export default {
    methods:{
        // scroll(){
        //     if($(document).scrollTop() >= 1270){
        //         this.columnColor(2);
        //     }else if($(document).scrollTop() >= 710){
        //         this.columnColor(1);
        //     }else if($(document).scrollTop() >= 170){
        //         this.columnColor(0);
        //     }
        // },
    },
    components:{
        videoHead,videoHot,videoClassification,videoFooter
    }
}
</script>

<style>

</style>